<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Salreo : Crypto Trading UI Admin  Bootstrap 5 Template" >
    <meta property="og:title" content="Salreo : Crypto Trading UI Admin  Bootstrap 5 Template" >
    <meta property="og:description" content="Salreo : Crypto Trading UI Admin  Bootstrap 5 Template" >
    <meta property="og:image" content="" >
    <meta name="format-detection" content="telephone=no">

    <!-- PAGE TITLE HERE -->
    <title>宿舍管理系统</title>
    <!-- FAVICONS ICON -->
    <script th:src="@{/js/highcharts.js}"></script>
    <script th:src="@{/js/highcharts-3d.js}"></script>
    <script th:src="@{/js/exporting.js}"></script>
    <script src="https://code.hcharts.cn/plugins/zh_cn.js"></script>

    <link rel="shortcut icon" type="image/png" href="images/favicon.png" >
    <link  th:href="@{/vendor/chartist/css/chartist.min.css}" rel="stylesheet">
    <link th:href="@{/vendor/wow-master/css/libs/animate.css}" rel="stylesheet">
    <link th:href="@{/vendor/bootstrap-select/dist/css/bootstrap-select.min.css}" rel="stylesheet">
    <link  th:href="@{/vendor/jquery-nice-select/css/nice-select.css}" rel="stylesheet">
    <link th:href="@{/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" rel="stylesheet">
    <!--swiper-slider-->
    <link  th:href="@{/vendor/swiper/css/swiper-bundle.min.css}" rel="stylesheet">

    <!-- Style css -->
    <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
    <link th:href="@{/css/style.css}" rel="stylesheet">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

</head>
<body>

<!--*******************
    Preloader start
********************-->

<div id="preloader">
    <div class="loader"></div>
</div>
<!--*******************
    Preloader end
********************-->

<!--**********************************
    Main wrapper start
***********************************-->
<div id="main-wrapper" class=" show">

    <!--**********************************
        Nav header start
    ***********************************-->
    <div class="nav-header">
        <a href="index.html" class="brand-logo">

            <div  class="brand-title">
                <h1 style="width: 200px" class="mb-0">宿舍管理系统</h1>
            </div>
            <!--            <img style="width: 250px;height: 40px" src="images/logo/logo.png" alt="">-->
            <!--            <h1>宿舍管理系统</h1>-->
        </a>
        <div class="nav-control">
            <div class="hamburger">
                <span class="line"></span><span class="line"></span><span class="line"></span>
                <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="22" y="11" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect x="11" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect x="22" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect x="11" y="11" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect x="11" y="22" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect y="11" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect x="22" y="22" width="4" height="4" rx="2" fill="#2A353A"/>
                    <rect y="22" width="4" height="4" rx="2" fill="#2A353A"/>
                </svg>
            </div>
        </div>
    </div>
    <!--**********************************
        Nav header end
    ***********************************-->

    <!--**********************************
        Chat box start
    ***********************************-->

    <!--**********************************
        Chat box End
    ***********************************-->

    <!-- sidebarfix -->



    <!--**********************************
        Header start
    ***********************************-->
    <div class="header">
        <div class="header-content">
            <nav class="navbar navbar-expand">
                <div class="collapse navbar-collapse justify-content-between">
                    <div class="header-left">
                        <div class="header-title">

                        </div>
                    </div>
                    <ul class="navbar-nav header-right">
<!--                        <li class="nav-item">-->
<!--                            <div class="input-group search-area me-3">-->
<!--                                <input type="text" class="form-control" placeholder="Search">-->
<!--                                <span class="input-group-text"><a href="javascript:void(0)">-->
<!--									<svg class="me-3 mb-1 user-search" width="15" height="15" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!--										<path d="M8.625 16.3125C4.3875 16.3125 0.9375 12.8625 0.9375 8.625C0.9375 4.3875 4.3875 0.9375 8.625 0.9375C12.8625 0.9375 16.3125 4.3875 16.3125 8.625C16.3125 12.8625 12.8625 16.3125 8.625 16.3125ZM8.625 2.0625C5.0025 2.0625 2.0625 5.01 2.0625 8.625C2.0625 12.24 5.0025 15.1875 8.625 15.1875C12.2475 15.1875 15.1875 12.24 15.1875 8.625C15.1875 5.01 12.2475 2.0625 8.625 2.0625Z" fill="#2696FD"/>-->
<!--										<path d="M16.5001 17.0626C16.3576 17.0626 16.2151 17.0101 16.1026 16.8976L14.6026 15.3976C14.3851 15.1801 14.3851 14.8201 14.6026 14.6026C14.8201 14.3851 15.1801 14.3851 15.3976 14.6026L16.8976 16.1026C17.1151 16.3201 17.1151 16.6801 16.8976 16.8976C16.7851 17.0101 16.6426 17.0626 16.5001 17.0626Z" fill="var(&#45;&#45;primary)"/>-->
<!--									</svg>-->
<!--									</a></span>-->
<!--                            </div>-->
<!--                        </li>-->
<!--                        <li class="nav-item dropdown notification_dropdown">-->
<!--                            <a class="nav-link " href="javascript:void(0);" data-bs-toggle="dropdown">-->
<!--                                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!--                                    <path d="M11 14.4375C9.1025 14.4375 7.5625 12.8975 7.5625 11C7.5625 9.1025 9.1025 7.5625 11 7.5625C12.8975 7.5625 14.4375 9.1025 14.4375 11C14.4375 12.8975 12.8975 14.4375 11 14.4375ZM11 8.9375C9.86333 8.9375 8.9375 9.86333 8.9375 11C8.9375 12.1367 9.86333 13.0625 11 13.0625C12.1367 13.0625 13.0625 12.1367 13.0625 11C13.0625 9.86333 12.1367 8.9375 11 8.9375Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                    <path d="M13.9424 20.3408C13.7499 20.3408 13.5574 20.3133 13.3649 20.2674C12.7966 20.1116 12.3199 19.7541 12.0174 19.2499L11.9074 19.0666C11.3666 18.1316 10.6241 18.1316 10.0833 19.0666L9.98242 19.2408C9.67992 19.7541 9.20325 20.1208 8.63492 20.2674C8.05742 20.4233 7.46158 20.3408 6.95742 20.0383L5.38075 19.1308C4.82158 18.8099 4.41825 18.2874 4.24409 17.6549C4.07909 17.0224 4.16158 16.3716 4.48242 15.8124C4.74825 15.3449 4.82159 14.9233 4.66575 14.6574C4.50992 14.3916 4.11575 14.2358 3.57492 14.2358C2.23659 14.2358 1.14575 13.1449 1.14575 11.8066V10.1933C1.14575 8.85494 2.23659 7.7641 3.57492 7.7641C4.11575 7.7641 4.50992 7.60827 4.66575 7.34244C4.82159 7.0766 4.75742 6.65494 4.48242 6.18744C4.16158 5.62827 4.07909 4.96827 4.24409 4.34494C4.40909 3.71244 4.81242 3.18994 5.38075 2.8691L6.96658 1.9616C8.00242 1.34744 9.36825 1.70494 9.99158 2.7591L10.1016 2.94244C10.6424 3.87744 11.3849 3.87744 11.9258 2.94244L12.0266 2.76827C12.6499 1.70494 14.0158 1.34744 15.0608 1.97077L16.6374 2.87827C17.1966 3.1991 17.5999 3.7216 17.7741 4.3541C17.9391 4.9866 17.8566 5.63744 17.5357 6.1966C17.2699 6.6641 17.1966 7.08577 17.3524 7.3516C17.5083 7.61744 17.9024 7.77327 18.4433 7.77327C19.7816 7.77327 20.8724 8.8641 20.8724 10.2024V11.8158C20.8724 13.1541 19.7816 14.2449 18.4433 14.2449C17.9024 14.2449 17.5083 14.4008 17.3524 14.6666C17.1966 14.9324 17.2607 15.3541 17.5357 15.8216C17.8566 16.3808 17.9482 17.0408 17.7741 17.6641C17.6091 18.2966 17.2057 18.8191 16.6374 19.1399L15.0516 20.0474C14.7033 20.2399 14.3274 20.3408 13.9424 20.3408ZM10.9999 16.9491C11.8158 16.9491 12.5766 17.4624 13.0991 18.3699L13.1999 18.5441C13.3099 18.7366 13.4933 18.8741 13.7133 18.9291C13.9333 18.9841 14.1533 18.9566 14.3366 18.8466L15.9224 17.9299C16.1608 17.7924 16.3441 17.5633 16.4174 17.2883C16.4908 17.0133 16.4541 16.7291 16.3166 16.4908C15.7941 15.5924 15.7299 14.6666 16.1333 13.9608C16.5366 13.2549 17.3708 12.8516 18.4158 12.8516C19.0024 12.8516 19.4699 12.3841 19.4699 11.7974V10.1841C19.4699 9.6066 19.0024 9.12994 18.4158 9.12994C17.3708 9.12994 16.5366 8.7266 16.1333 8.02077C15.7299 7.31494 15.7941 6.3891 16.3166 5.49077C16.4541 5.25244 16.4908 4.96827 16.4174 4.69327C16.3441 4.41827 16.1699 4.19827 15.9316 4.0516L14.3458 3.1441C13.9516 2.90577 13.4291 3.04327 13.1908 3.4466L13.0899 3.62077C12.5674 4.52827 11.8066 5.0416 10.9908 5.0416C10.1749 5.0416 9.41408 4.52827 8.89158 3.62077L8.79075 3.43744C8.56158 3.05244 8.04825 2.91494 7.65408 3.1441L6.06825 4.06077C5.82992 4.19827 5.64658 4.42744 5.57325 4.70244C5.49992 4.97744 5.53658 5.2616 5.67408 5.49994C6.19658 6.39827 6.26075 7.3241 5.85742 8.02994C5.45408 8.73577 4.61992 9.1391 3.57492 9.1391C2.98825 9.1391 2.52075 9.6066 2.52075 10.1933V11.8066C2.52075 12.3841 2.98825 12.8608 3.57492 12.8608C4.61992 12.8608 5.45408 13.2641 5.85742 13.9699C6.26075 14.6758 6.19658 15.6016 5.67408 16.4999C5.53658 16.7383 5.49992 17.0224 5.57325 17.2974C5.64658 17.5724 5.82075 17.7924 6.05908 17.9391L7.64492 18.8466C7.83742 18.9658 8.06658 18.9933 8.27742 18.9383C8.49742 18.8833 8.68075 18.7366 8.79992 18.5441L8.90075 18.3699C9.42325 17.4716 10.1841 16.9491 10.9999 16.9491Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                </svg>-->
<!--                            </a>-->
<!--                            <div class="dropdown-menu dropdown-menu-end">-->

<!--                            </div>-->
<!--                        </li>-->
<!--                        <li class="nav-item dropdown notification_dropdown">-->
<!--                            <a class="nav-link bell-icon " href="javascript:void(0);" role="button" data-bs-toggle="dropdown">-->
<!--                                <svg class="bell-animi" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!--                                    <path d="M11.0183 18.8193C8.88246 18.8193 6.74663 18.4801 4.72079 17.8018C3.95079 17.5359 3.36413 16.9951 3.10746 16.2893C2.84163 15.5834 2.93329 14.8043 3.35496 14.1076L4.40913 12.3568C4.62913 11.9901 4.83079 11.2568 4.83079 10.8259V8.17676C4.83079 4.76676 7.6083 1.98926 11.0183 1.98926C14.4283 1.98926 17.2058 4.76676 17.2058 8.17676V10.8259C17.2058 11.2476 17.4075 11.9901 17.6275 12.3659L18.6725 14.1076C19.0666 14.7676 19.14 15.5651 18.8741 16.2893C18.6083 17.0134 18.0308 17.5634 17.3066 17.8018C15.29 18.4801 13.1541 18.8193 11.0183 18.8193ZM11.0183 3.36426C8.36913 3.36426 6.20579 5.51842 6.20579 8.17676V10.8259C6.20579 11.4951 5.93079 12.4851 5.59163 13.0626L4.53746 14.8134C4.33579 15.1526 4.28079 15.5101 4.39996 15.8126C4.50996 16.1243 4.78496 16.3626 5.16079 16.4909C8.99246 17.7743 13.0533 17.7743 16.885 16.4909C17.215 16.3809 17.4716 16.1334 17.5908 15.8034C17.71 15.4734 17.6825 15.1159 17.4991 14.8134L16.445 13.0626C16.0966 12.4668 15.8308 11.4859 15.8308 10.8168V8.17676C15.8308 5.51842 13.6766 3.36426 11.0183 3.36426Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                    <path d="M12.7232 3.61203C12.6591 3.61203 12.5949 3.60286 12.5307 3.58453C12.2649 3.5112 12.0082 3.4562 11.7607 3.41953C10.9816 3.3187 10.2299 3.3737 9.52407 3.58453C9.2674 3.66703 8.9924 3.58453 8.81823 3.39203C8.64407 3.19953 8.58907 2.92453 8.6899 2.67703C9.06573 1.71453 9.9824 1.08203 11.0274 1.08203C12.0724 1.08203 12.9891 1.70536 13.3649 2.67703C13.4566 2.92453 13.4107 3.19953 13.2366 3.39203C13.0991 3.5387 12.9066 3.61203 12.7232 3.61203Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                    <path d="M11.0183 20.9092C10.1108 20.9092 9.23081 20.5425 8.58914 19.9008C7.94748 19.2592 7.58081 18.3792 7.58081 17.4717H8.95581C8.95581 18.0125 9.17581 18.5442 9.56081 18.9292C9.94581 19.3142 10.4775 19.5342 11.0183 19.5342C12.155 19.5342 13.0808 18.6083 13.0808 17.4717H14.4558C14.4558 19.3692 12.9158 20.9092 11.0183 20.9092Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                </svg>-->
<!--                            </a>-->
<!--                            <div class="dropdown-menu dropdown-menu-end of-visible">-->



<!--                            </div>-->
<!--                        </li>-->
<!--                        <li class="nav-item dropdown notification_dropdown">-->
<!--                            <a class="nav-link bell-link" href="javascript:void(0);">-->
<!--                                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!--                                    <path d="M15.5833 19.4788H6.41659C3.07075 19.4788 1.14575 17.5538 1.14575 14.208V7.79134C1.14575 4.44551 3.07075 2.52051 6.41659 2.52051H15.5833C18.9291 2.52051 20.8541 4.44551 20.8541 7.79134V14.208C20.8541 17.5538 18.9291 19.4788 15.5833 19.4788ZM6.41659 3.89551C3.79492 3.89551 2.52075 5.16967 2.52075 7.79134V14.208C2.52075 16.8297 3.79492 18.1038 6.41659 18.1038H15.5833C18.2049 18.1038 19.4791 16.8297 19.4791 14.208V7.79134C19.4791 5.16967 18.2049 3.89551 15.5833 3.89551H6.41659Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                    <path d="M10.9999 11.797C10.2299 11.797 9.45071 11.5587 8.85488 11.0728L5.98571 8.78115C5.69238 8.54282 5.63738 8.11198 5.87571 7.81865C6.11405 7.52532 6.54488 7.47032 6.83822 7.70865L9.70737 10.0003C10.404 10.5595 11.5865 10.5595 12.2832 10.0003L15.1524 7.70865C15.4457 7.47032 15.8857 7.51615 16.1149 7.81865C16.3532 8.11198 16.3074 8.55199 16.0049 8.78115L13.1357 11.0728C12.549 11.5587 11.7699 11.797 10.9999 11.797Z" fill="var(&#45;&#45;primary)"/>-->
<!--                                </svg>-->
<!--                            </a>-->
<!--                        </li>-->
                        <li class="nav-item">
                            <div class="dropdown header-profile2">
                                <a class="nav-link" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    <div class="header-info2 d-flex align-items-center">
                                        <div class="d-flex align-items-center sidebar-info">
                                            <div>
                                                <h4 class="mb-0">[[${session.currentUser}]]</h4>
                                                <span class="d-block text-end">[[${session.email}]]</span>
                                            </div>
                                        </div>
                                        <img th:src="'http://localhost:8088/'+${session.image}" alt="">
                                    </div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-end" style="">
                                    <a th:href="@{/profile}" class="dropdown-item ai-icon ">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="svg-main-icon">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <polygon points="0 0 24 0 24 24 0 24"/>
                                                <path d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z" fill="var(--primary)" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <span class="ms-2">个人信息 </span>
                                    </a>


                                    <a th:href="@{/logout}" class="dropdown-item ai-icon">
                                        <svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
                                        <span class="ms-2">退出登录 </span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

    </div>
    <!--**********************************
    Header end ti-comment-alt
***********************************-->

    <!--**********************************
        Sidebar start
    ***********************************-->
    <div class="deznav" th:fragment="sidebar">
        <div class="deznav-scroll">
            <ul class="metismenu" id="menu">
                <li><a  th:href="@{/homeUser}" >
                    <div class="menu-icon">
                        <svg id="icon-home" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.3077 20.8538H5.69266C3.181 20.8538 1.146 18.8097 1.146 16.298V9.50548C1.146 8.25882 1.916 6.69132 2.906 5.92132L7.84683 2.07132C9.33183 0.916317 11.706 0.861317 13.246 1.94298L18.911 5.91215C20.0018 6.67298 20.8543 8.30465 20.8543 9.63382V16.3072C20.8543 18.8097 18.8193 20.8538 16.3077 20.8538ZM8.69016 3.15298L3.74933 7.00298C3.0985 7.51632 2.521 8.68048 2.521 9.50548V16.298C2.521 18.0488 3.94183 19.4788 5.69266 19.4788H16.3077C18.0585 19.4788 19.4793 18.058 19.4793 16.3072V9.63382C19.4793 8.75382 18.8468 7.53465 18.1227 7.03965L12.4577 3.07048C11.4127 2.33715 9.68933 2.37382 8.69016 3.15298Z" fill="#9C99FF"/>
                            <path d="M11 17.1875C10.6242 17.1875 10.3125 16.8758 10.3125 16.5V13.75C10.3125 13.3742 10.6242 13.0625 11 13.0625C11.3758 13.0625 11.6875 13.3742 11.6875 13.75V16.5C11.6875 16.8758 11.3758 17.1875 11 17.1875Z" fill="#9C99FF"/>
                        </svg>
                    </div>
                    <span class="nav-text">主页</span>
                </a>

                <li><a  th:href="@{/listStudent}" >
                    <div class="menu-icon">
                        <svg  id="icon-home1" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.7502 20.8538H8.25016C3.27266 20.8538 1.146 18.7272 1.146 13.7497V8.24967C1.146 3.27217 3.27266 1.14551 8.25016 1.14551H13.7502C18.7277 1.14551 20.8543 3.27217 20.8543 8.24967V13.7497C20.8543 18.7272 18.7277 20.8538 13.7502 20.8538ZM8.25016 2.52051C4.02433 2.52051 2.521 4.02384 2.521 8.24967V13.7497C2.521 17.9755 4.02433 19.4788 8.25016 19.4788H13.7502C17.976 19.4788 19.4793 17.9755 19.4793 13.7497V8.24967C19.4793 4.02384 17.976 2.52051 13.7502 2.52051H8.25016Z" fill="#9C99FF"/>
                            <path d="M14.2817 17.6463C13.9059 17.6463 13.5942 17.3346 13.5942 16.9588V13.3838C13.5942 13.008 13.9059 12.6963 14.2817 12.6963C14.6576 12.6963 14.9692 13.008 14.9692 13.3838V16.9588C14.9692 17.3346 14.6576 17.6463 14.2817 17.6463Z" fill="#9C99FF"/>
                            <path d="M14.2817 7.51699C13.9059 7.51699 13.5942 7.20533 13.5942 6.82949V5.04199C13.5942 4.66616 13.9059 4.35449 14.2817 4.35449C14.6576 4.35449 14.9692 4.66616 14.9692 5.04199V6.82949C14.9692 7.20533 14.6576 7.51699 14.2817 7.51699Z" fill="#9C99FF"/>
                            <path d="M14.2818 12.2833C12.5859 12.2833 11.2109 10.9083 11.2109 9.21244C11.2109 7.5166 12.5859 6.1416 14.2818 6.1416C15.9776 6.1416 17.3526 7.5166 17.3526 9.21244C17.3526 10.9083 15.9684 12.2833 14.2818 12.2833ZM14.2818 7.5166C13.3468 7.5166 12.5859 8.27744 12.5859 9.21244C12.5859 10.1474 13.3468 10.9083 14.2818 10.9083C15.2168 10.9083 15.9776 10.1474 15.9776 9.21244C15.9776 8.27744 15.2076 7.5166 14.2818 7.5166Z" fill="#9C99FF"/>
                            <path d="M7.71826 17.6459C7.34243 17.6459 7.03076 17.3342 7.03076 16.9584V15.1709C7.03076 14.7951 7.34243 14.4834 7.71826 14.4834C8.0941 14.4834 8.40576 14.7951 8.40576 15.1709V16.9584C8.40576 17.3342 8.10326 17.6459 7.71826 17.6459Z" fill="#9C99FF"/>
                            <path d="M7.71826 9.30449C7.34243 9.30449 7.03076 8.99283 7.03076 8.61699V5.04199C7.03076 4.66616 7.34243 4.35449 7.71826 4.35449C8.0941 4.35449 8.40576 4.66616 8.40576 5.04199V8.61699C8.40576 8.99283 8.10326 9.30449 7.71826 9.30449Z" fill="#9C99FF"/>
                            <path d="M7.71829 15.8585C6.02246 15.8585 4.64746 14.4835 4.64746 12.7876C4.64746 11.0918 6.02246 9.7168 7.71829 9.7168C9.41413 9.7168 10.7891 11.0918 10.7891 12.7876C10.7891 14.4835 9.41413 15.8585 7.71829 15.8585ZM7.71829 11.0918C6.78329 11.0918 6.02246 11.8526 6.02246 12.7876C6.02246 13.7226 6.78329 14.4835 7.71829 14.4835C8.65329 14.4835 9.41413 13.7226 9.41413 12.7876C9.41413 11.8526 8.66246 11.0918 7.71829 11.0918Z" fill="#9C99FF"/>
                        </svg>
                    </div>
                    <span class="nav-text">查看学生</span>
                </a>

                </li>

                </li>

                <li><a  th:href="@{/listDorm}" >
                    <div class="menu-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" id="cms-icon" class="cms-svg" viewBox="0 0 60 60" width="22" height="22"><path d="M30,10A20,20,0,1,0,50,30,20.023,20.023,0,0,0,30,10Zm0,38A18,18,0,1,1,48,30,18.021,18.021,0,0,1,30,48Z"/><path d="M59.849,27.168a2.8,2.8,0,0,0-2.336-2.415l-3.183-.521a24.733,24.733,0,0,0-3.052-7.351l1.88-2.626A2.8,2.8,0,0,0,53.1,10.88a24.812,24.812,0,0,0-1.9-2.086A28.1,28.1,0,0,0,49.1,6.878a2.782,2.782,0,0,0-3.351-.039L43.119,8.722A24.733,24.733,0,0,0,35.768,5.67l-.521-3.182A2.8,2.8,0,0,0,32.819.149a26.3,26.3,0,0,0-5.651,0,2.8,2.8,0,0,0-2.415,2.336L24.232,5.67a24.733,24.733,0,0,0-7.351,3.052l-2.626-1.88a2.789,2.789,0,0,0-3.374.053A27.541,27.541,0,0,0,8.805,8.783a24.827,24.827,0,0,0-1.918,2.108,2.793,2.793,0,0,0-.048,3.36l1.883,2.63A24.733,24.733,0,0,0,5.67,24.232l-3.182.521A2.8,2.8,0,0,0,.149,27.181a26.715,26.715,0,0,0,0,5.654,2.8,2.8,0,0,0,2.336,2.412l3.183.521a24.733,24.733,0,0,0,3.052,7.351L6.851,45.734A2.8,2.8,0,0,0,6.9,49.12c.561.687,1.2,1.389,1.9,2.086A25.306,25.306,0,0,0,10.9,53.122a2.756,2.756,0,0,0,3.351.039l2.629-1.883a24.733,24.733,0,0,0,7.351,3.052l.521,3.182a2.8,2.8,0,0,0,2.428,2.339,26.687,26.687,0,0,0,5.651,0,2.8,2.8,0,0,0,2.415-2.336l.521-3.183a24.733,24.733,0,0,0,7.351-3.052l2.626,1.88a2.765,2.765,0,0,0,3.387-.063,25.238,25.238,0,0,0,2.074-1.888q1.047-1.047,1.916-2.108a2.789,2.789,0,0,0,.039-3.35l-1.883-2.63a24.733,24.733,0,0,0,3.052-7.351l3.182-.521a2.8,2.8,0,0,0,2.339-2.428,26.741,26.741,0,0,0,0-5.638ZM57.862,32.6a.81.81,0,0,1-.674.669l-3.85.631a1,1,0,0,0-.817.785A22.766,22.766,0,0,1,49.236,42.6a1,1,0,0,0,.023,1.13l2.287,3.2a.791.791,0,0,1,.01.926,25.934,25.934,0,0,1-1.765,1.938,23.493,23.493,0,0,1-1.915,1.746.789.789,0,0,1-.964,0l-3.179-2.275a1,1,0,0,0-1.13-.023,22.766,22.766,0,0,1-7.915,3.285,1,1,0,0,0-.785.817l-.631,3.851a.782.782,0,0,1-.654.671,24.514,24.514,0,0,1-5.223,0,.786.786,0,0,1-.667-.674l-.631-3.85a1,1,0,0,0-.785-.817A22.766,22.766,0,0,1,17.4,49.236a1,1,0,0,0-1.13.023l-3.182,2.278a.782.782,0,0,1-.928.028,22.89,22.89,0,0,1-1.949-1.774,25.814,25.814,0,0,1-1.746-1.915.8.8,0,0,1,0-.963l2.275-3.18a1,1,0,0,0,.023-1.13,22.766,22.766,0,0,1-3.285-7.915,1,1,0,0,0-.817-.785l-3.851-.631a.806.806,0,0,1-.671-.654,24.6,24.6,0,0,1,0-5.223.786.786,0,0,1,.674-.667l3.85-.631a1,1,0,0,0,.817-.785A22.766,22.766,0,0,1,10.764,17.4a1,1,0,0,0-.023-1.13L8.463,13.083a.8.8,0,0,1-.019-.937,22.471,22.471,0,0,1,1.765-1.938,25.613,25.613,0,0,1,1.915-1.746.8.8,0,0,1,.964,0l3.179,2.275a1,1,0,0,0,1.13.023,22.766,22.766,0,0,1,7.915-3.285,1,1,0,0,0,.785-.817l.631-3.851a.782.782,0,0,1,.654-.671,24.514,24.514,0,0,1,5.223,0,.786.786,0,0,1,.667.674l.631,3.85a1,1,0,0,0,.785.817A22.766,22.766,0,0,1,42.6,10.764a1,1,0,0,0,1.13-.023l3.182-2.278a.794.794,0,0,1,.94-.018A25.975,25.975,0,0,1,49.8,10.219a22.447,22.447,0,0,1,1.744,1.916.8.8,0,0,1-.013.952l-2.275,3.18a1,1,0,0,0-.023,1.13,22.766,22.766,0,0,1,3.285,7.915,1,1,0,0,0,.817.785l3.851.631a.786.786,0,0,1,.672.661,24.605,24.605,0,0,1,0,5.214Z"/><path d="M20,25a2,2,0,0,1,2,2,1,1,0,0,0,2,0,4,4,0,0,0-8,0v6a4,4,0,0,0,8,0,1,1,0,0,0-2,0,2,2,0,0,1-4,0V27A2,2,0,0,1,20,25Z"/><path d="M33.179,23.016a1,1,0,0,0-1.116.632L30,29.152l-2.063-5.5A1,1,0,0,0,26,24V36a1,1,0,0,0,2,0V29.515l1.063,2.837a1,1,0,0,0,1.874,0L32,29.515V36a1,1,0,0,0,2,0V24A1,1,0,0,0,33.179,23.016Z"/><path d="M36,27a4,4,0,0,0,4,4,2,2,0,1,1-2,2,1,1,0,0,0-2,0,4,4,0,1,0,4-4,2,2,0,1,1,2-2,1,1,0,0,0,2,0,4,4,0,0,0-8,0Z"/></svg>
                    </div>
                    <span class="nav-text">查看宿舍</span>
                </a>

                </li>

                <li><a  th:href="@{/listMove}" >
                    <div class="menu-icon">
                        <svg  id="icon-bootstrap" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5.50026 20.8544C5.22526 20.8544 4.93193 20.827 4.6386 20.772C4.48276 20.7353 4.34526 20.6986 4.20776 20.6619C4.05193 20.6161 3.90525 20.5611 3.76775 20.5061C3.73108 20.4969 3.70361 20.4786 3.67611 20.4694C3.35527 20.3044 3.08026 20.1395 2.83276 19.9561C2.81443 19.947 2.80527 19.9286 2.78694 19.9194C2.64944 19.8094 2.52109 19.6995 2.40193 19.5711C2.27359 19.4336 2.18192 19.3236 2.08109 19.2136C1.87025 18.9386 1.69609 18.6636 1.54026 18.3428C1.52192 18.3153 1.51278 18.2786 1.50361 18.2419C1.44861 18.1136 1.40276 17.9853 1.36609 17.8478C1.31109 17.6553 1.27442 17.5269 1.24692 17.3894C1.18275 17.0686 1.15527 16.7844 1.15527 16.5094V4.13444C1.15527 2.38361 2.38361 1.15527 4.13444 1.15527H6.88444C8.63527 1.15527 9.86361 2.38361 9.86361 4.13444V16.5003C9.86361 17.6369 9.4236 18.7186 8.6261 19.5344C8.47944 19.6811 8.36942 19.7819 8.26859 19.8644C7.97526 20.1211 7.59944 20.3503 7.1961 20.5153C7.10444 20.552 6.99443 20.5978 6.87526 20.6436C6.4261 20.7811 5.9586 20.8544 5.50026 20.8544ZM4.34526 19.2503C4.43692 19.2869 4.52861 19.3145 4.62027 19.342C4.72111 19.3695 4.82193 19.3969 4.92276 19.4244C5.42693 19.5161 5.96777 19.4886 6.39861 19.342C6.46278 19.3145 6.55442 19.2869 6.63692 19.2503C6.93026 19.1311 7.16859 18.9845 7.37942 18.8103C7.47109 18.737 7.53527 18.6728 7.59944 18.6178C8.17694 18.0219 8.47943 17.2886 8.47943 16.5094V4.13444C8.47943 3.14444 7.86527 2.53027 6.87526 2.53027H4.12526C3.13526 2.53027 2.5211 3.14444 2.5211 4.13444V16.5003C2.5211 16.6928 2.53944 16.8944 2.58527 17.1053C2.6036 17.1878 2.63109 17.2886 2.65859 17.3986C2.69526 17.4994 2.72277 17.5819 2.75944 17.6736C2.77777 17.7011 2.78692 17.7286 2.79609 17.7469C2.80525 17.7653 2.81442 17.7928 2.82359 17.8111C2.93359 18.0128 3.04361 18.1869 3.16278 18.3428C3.22694 18.4161 3.30944 18.5078 3.39194 18.5994C3.49278 18.7094 3.57526 18.7736 3.66693 18.8469C3.6761 18.8561 3.69444 18.8653 3.70361 18.8744C3.85027 18.9844 4.01526 19.0853 4.20776 19.1861C4.22609 19.1953 4.24443 19.1953 4.26276 19.2044C4.28109 19.2136 4.30859 19.2319 4.34526 19.2503Z" fill="#9C99FF"/>
                            <path d="M17.875 20.8544H5.5C5.12417 20.8544 4.8125 20.5428 4.8125 20.1669C4.8125 19.7911 5.12417 19.4794 5.5 19.4794C5.82083 19.4794 6.13251 19.4336 6.39834 19.342C6.46251 19.3145 6.55416 19.2869 6.63666 19.2503C6.92999 19.1311 7.16832 18.9844 7.37916 18.8103C7.47082 18.7369 7.53501 18.6728 7.59917 18.6178L13.8692 12.3569C13.9975 12.2286 14.1717 12.1553 14.355 12.1553H17.875C19.6258 12.1553 20.8542 13.3836 20.8542 15.1344V17.8844C20.8542 19.6261 19.6258 20.8544 17.875 20.8544ZM8.67166 19.4794H17.875C18.865 19.4794 19.4792 18.8653 19.4792 17.8753V15.1253C19.4792 14.1353 18.865 13.5211 17.875 13.5211H14.6392L8.67166 19.4794Z" fill="#9C99FF"/>
                            <path d="M4.40902 20.6894C4.34486 20.6894 4.2807 20.6802 4.21653 20.6619C3.5382 20.4602 2.91487 20.0844 2.41987 19.5802C1.92487 19.0944 1.54903 18.471 1.34736 17.7927C1.23736 17.426 1.43903 17.0502 1.80569 16.9402C2.17236 16.8302 2.5482 17.0319 2.66736 17.3894C2.9607 18.3244 3.69402 19.0577 4.62902 19.351C4.98652 19.461 5.1882 19.846 5.0782 20.2127C4.97737 20.4969 4.70236 20.6894 4.40902 20.6894Z" fill="#9C99FF"/>
                            <path d="M8.12148 19.7444C7.94731 19.7444 7.77315 19.6803 7.63565 19.5428C7.36982 19.277 7.36067 18.8461 7.6265 18.5711C8.1765 18.0119 8.47899 17.2694 8.47899 16.4903V7.63528C8.47899 7.45195 8.55233 7.27778 8.68066 7.14945L11.1648 4.66527C12.3657 3.46444 14.1807 3.46444 15.3815 4.66527L17.3248 6.60862C18.5623 7.84612 18.5623 9.58777 17.3248 10.8253L8.60734 19.5336C8.46984 19.6803 8.29565 19.7444 8.12148 19.7444ZM9.85399 7.9286V16.3528L16.3532 9.86277C17.0498 9.16611 17.0498 8.29528 16.3532 7.58944L14.4098 5.64611C13.7223 4.95861 12.824 4.95861 12.1365 5.64611L9.85399 7.9286Z" fill="#9C99FF"/>
                            <path d="M5.49967 18.1038C4.61967 18.1038 3.89551 17.3797 3.89551 16.4997C3.89551 15.6197 4.61967 14.8955 5.49967 14.8955C6.37967 14.8955 7.10384 15.6197 7.10384 16.4997C7.10384 17.3797 6.37967 18.1038 5.49967 18.1038ZM5.49967 16.2705C5.37134 16.2705 5.27051 16.3713 5.27051 16.4997C5.27051 16.7563 5.72884 16.7563 5.72884 16.4997C5.72884 16.3713 5.62801 16.2705 5.49967 16.2705Z" fill="#9C99FF"/>
                        </svg>
                    </div>
                    <span class="nav-text">搬迁申请</span>
                </a>

                </li>
                <li><a  th:href="@{/listFix}" >
                    <div class="menu-icon">
                        <svg id="icon-apps" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11 12.1921C10.8808 12.1921 10.7617 12.1646 10.6517 12.1004L2.5575 7.41627C2.23666 7.22377 2.1175 6.8021 2.31 6.4721C2.5025 6.1421 2.92416 6.03211 3.25416 6.22461L11 10.7071L18.7 6.25211C19.03 6.05961 19.4517 6.17877 19.6442 6.49961C19.8367 6.82961 19.7175 7.25127 19.3967 7.44377L11.3575 12.1004C11.2383 12.1554 11.1192 12.1921 11 12.1921Z" fill="#9C99FF"/>
                            <path d="M11 20.4968C10.6242 20.4968 10.3125 20.1851 10.3125 19.8093V11.4951C10.3125 11.1193 10.6242 10.8076 11 10.8076C11.3758 10.8076 11.6875 11.1193 11.6875 11.4951V19.8093C11.6875 20.1851 11.3758 20.4968 11 20.4968Z" fill="#9C99FF"/>
                            <path d="M11.0001 20.8538C10.1934 20.8538 9.39592 20.6797 8.76342 20.3313L3.86842 17.6088C2.53925 16.8755 1.50342 15.1063 1.50342 13.5847V8.40551C1.50342 6.88384 2.53925 5.12384 3.86842 4.38134L8.76342 1.66801C10.0193 0.971341 11.9809 0.971341 13.2368 1.66801L18.1318 4.39051C19.4609 5.12384 20.4968 6.89301 20.4968 8.41467V13.5938C20.4968 15.1155 19.4609 16.8755 18.1318 17.618L13.2368 20.3313C12.6043 20.6797 11.8068 20.8538 11.0001 20.8538ZM11.0001 2.52051C10.4226 2.52051 9.85425 2.63967 9.43258 2.86884L4.53758 5.59134C3.65758 6.07717 2.87842 7.39717 2.87842 8.40551V13.5847C2.87842 14.593 3.65758 15.913 4.53758 16.408L9.43258 19.1305C10.2668 19.598 11.7334 19.598 12.5676 19.1305L17.4626 16.408C18.3426 15.913 19.1218 14.6022 19.1218 13.5847V8.40551C19.1218 7.39717 18.3426 6.07717 17.4626 5.58217L12.5676 2.85967C12.1459 2.63967 11.5776 2.52051 11.0001 2.52051Z" fill="#9C99FF"/>
                        </svg>
                    </div>
                    <span class="nav-text">报修记录</span>
                </a>

                </li>

                <li><a  th:href="@{/listNotice}" >
                    <div class="menu-icon">
                        <svg  id="icon-home1" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.7502 20.8538H8.25016C3.27266 20.8538 1.146 18.7272 1.146 13.7497V8.24967C1.146 3.27217 3.27266 1.14551 8.25016 1.14551H13.7502C18.7277 1.14551 20.8543 3.27217 20.8543 8.24967V13.7497C20.8543 18.7272 18.7277 20.8538 13.7502 20.8538ZM8.25016 2.52051C4.02433 2.52051 2.521 4.02384 2.521 8.24967V13.7497C2.521 17.9755 4.02433 19.4788 8.25016 19.4788H13.7502C17.976 19.4788 19.4793 17.9755 19.4793 13.7497V8.24967C19.4793 4.02384 17.976 2.52051 13.7502 2.52051H8.25016Z" fill="#9C99FF"/>
                            <path d="M14.2817 17.6463C13.9059 17.6463 13.5942 17.3346 13.5942 16.9588V13.3838C13.5942 13.008 13.9059 12.6963 14.2817 12.6963C14.6576 12.6963 14.9692 13.008 14.9692 13.3838V16.9588C14.9692 17.3346 14.6576 17.6463 14.2817 17.6463Z" fill="#9C99FF"/>
                            <path d="M14.2817 7.51699C13.9059 7.51699 13.5942 7.20533 13.5942 6.82949V5.04199C13.5942 4.66616 13.9059 4.35449 14.2817 4.35449C14.6576 4.35449 14.9692 4.66616 14.9692 5.04199V6.82949C14.9692 7.20533 14.6576 7.51699 14.2817 7.51699Z" fill="#9C99FF"/>
                            <path d="M14.2818 12.2833C12.5859 12.2833 11.2109 10.9083 11.2109 9.21244C11.2109 7.5166 12.5859 6.1416 14.2818 6.1416C15.9776 6.1416 17.3526 7.5166 17.3526 9.21244C17.3526 10.9083 15.9684 12.2833 14.2818 12.2833ZM14.2818 7.5166C13.3468 7.5166 12.5859 8.27744 12.5859 9.21244C12.5859 10.1474 13.3468 10.9083 14.2818 10.9083C15.2168 10.9083 15.9776 10.1474 15.9776 9.21244C15.9776 8.27744 15.2076 7.5166 14.2818 7.5166Z" fill="#9C99FF"/>
                            <path d="M7.71826 17.6459C7.34243 17.6459 7.03076 17.3342 7.03076 16.9584V15.1709C7.03076 14.7951 7.34243 14.4834 7.71826 14.4834C8.0941 14.4834 8.40576 14.7951 8.40576 15.1709V16.9584C8.40576 17.3342 8.10326 17.6459 7.71826 17.6459Z" fill="#9C99FF"/>
                            <path d="M7.71826 9.30449C7.34243 9.30449 7.03076 8.99283 7.03076 8.61699V5.04199C7.03076 4.66616 7.34243 4.35449 7.71826 4.35449C8.0941 4.35449 8.40576 4.66616 8.40576 5.04199V8.61699C8.40576 8.99283 8.10326 9.30449 7.71826 9.30449Z" fill="#9C99FF"/>
                            <path d="M7.71829 15.8585C6.02246 15.8585 4.64746 14.4835 4.64746 12.7876C4.64746 11.0918 6.02246 9.7168 7.71829 9.7168C9.41413 9.7168 10.7891 11.0918 10.7891 12.7876C10.7891 14.4835 9.41413 15.8585 7.71829 15.8585ZM7.71829 11.0918C6.78329 11.0918 6.02246 11.8526 6.02246 12.7876C6.02246 13.7226 6.78329 14.4835 7.71829 14.4835C8.65329 14.4835 9.41413 13.7226 9.41413 12.7876C9.41413 11.8526 8.66246 11.0918 7.71829 11.0918Z" fill="#9C99FF"/>
                        </svg>
                    </div>
                    <span class="nav-text">宿舍公告</span>
                </a>

                </li>
                <li><a  th:href="@{/listBoard}" >
                    <div class="menu-icon">
                        <svg  id="icon-pages" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.7502 20.8538H8.25016C3.27266 20.8538 1.146 18.7272 1.146 13.7497V8.24967C1.146 3.27217 3.27266 1.14551 8.25016 1.14551H13.7502C18.7277 1.14551 20.8543 3.27217 20.8543 8.24967V13.7497C20.8543 18.7272 18.7277 20.8538 13.7502 20.8538ZM8.25016 2.52051C4.02433 2.52051 2.521 4.02384 2.521 8.24967V13.7497C2.521 17.9755 4.02433 19.4788 8.25016 19.4788H13.7502C17.976 19.4788 19.4793 17.9755 19.4793 13.7497V8.24967C19.4793 4.02384 17.976 2.52051 13.7502 2.52051H8.25016Z" fill="#9C99FF"/>
                            <path d="M20.1668 9.85449H1.8335C1.45766 9.85449 1.146 9.54283 1.146 9.16699C1.146 8.79116 1.45766 8.47949 1.8335 8.47949H20.1668C20.5427 8.47949 20.8543 8.79116 20.8543 9.16699C20.8543 9.54283 20.5427 9.85449 20.1668 9.85449Z" fill="#9C99FF"/>
                            <path d="M11 20.8545C10.6242 20.8545 10.3125 20.5428 10.3125 20.167V9.16699C10.3125 8.79116 10.6242 8.47949 11 8.47949C11.3758 8.47949 11.6875 8.79116 11.6875 9.16699V20.167C11.6875 20.5428 11.3758 20.8545 11 20.8545Z" fill="#9C99FF"/>
                        </svg>
                    </div>
                    <span class="nav-text">留言板</span>
                </a>

                </li>


            </ul>

        </div>
    </div>
    <!--**********************************
        Sidebar end
    ***********************************-->

    <!--**********************************
        Content body start
    ***********************************-->
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <!-- Row -->
            <div class="row">
                <div class="col-xl-12">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="page-titles">
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item ps-0"><a href="#">主页</a></li>

                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>

                    <div class="row wow fadeInUp main-card" data-wow-delay="0.7s">
                        <!--column-->
                        <div class="col-xxl-8 col-xl-9">
                            <div class="swiper crypto-Swiper position-relative overflow-hidden">
                                <div class="swiper-wrapper ">
                                    <div class="swiper-slide">
                                        <div class="card coin-card secondary">
                                            <div class="back-image">
                                                <svg width="121" height="221" viewBox="0 0 121 221" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <circle cx="135.5" cy="84.5" r="40" stroke="#BE7CFF"/>
                                                    <circle cx="136" cy="85" r="135.5" stroke="#BE7CFF"/>
                                                    <circle cx="136" cy="85" r="109.5" stroke="#BE7CFF"/>
                                                    <circle cx="136" cy="85" r="86.5" stroke="#BE7CFF"/>
                                                    <circle cx="136" cy="85" r="64.5" stroke="#BE7CFF"/>
                                                </svg>
                                            </div>
                                            <div class="card-body p-4 ">
                                                <div class="title">
                                                    <h4>学生数量</h4>

                                                </div>
                                                <div  class="chart-num">
                                                    <h2>[[${peopleCount}]]个</h2>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card coin-card blue">
                                            <div class="back-image">

                                            </div>
                                            <div class="card-body p-4  ">
                                                <div class="title">
                                                    <h4>宿管数量</h4>

                                                </div>
                                                <div  class="chart-num">
                                                    <h2>[[${adminCount}]]个</h2>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card coin-card green">
                                            <div class="back-image">
                                                <svg width="121" height="221" viewBox="0 0 121 221" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <circle cx="135.5" cy="84.5" r="40" stroke="#40CD68"/>
                                                    <circle cx="136" cy="85" r="135.5" stroke="#40CD68"/>
                                                    <circle cx="136" cy="85" r="109.5" stroke="#40CD68"/>
                                                    <circle cx="136" cy="85" r="86.5" stroke="#40CD68"/>
                                                    <circle cx="136" cy="85" r="64.5" stroke="#40CD68"/>
                                                </svg>
                                            </div>
                                            <div class="card-body p-4 ">
                                                <div class="title">
                                                    <h4>搬迁记录</h4>

                                                </div>
                                                <div  class="chart-num">
                                                    <h2>[[${moveCount}]]条</h2>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card coin-card pink">
                                            <div class="back-image">
                                                <svg width="121" height="221" viewBox="0 0 121 221" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <circle cx="135.5" cy="84.5" r="40" stroke="#F272FD"/>
                                                    <circle cx="136" cy="85" r="135.5" stroke="#F272FD"/>
                                                    <circle cx="136" cy="85" r="109.5" stroke="#F272FD"/>
                                                    <circle cx="136" cy="85" r="86.5" stroke="#F272FD"/>
                                                    <circle cx="136" cy="85" r="64.5" stroke="#F272FD"/>
                                                </svg>
                                            </div>
                                            <div class="card-body p-4">
                                                <div class="title">
                                                    <h4>报修记录</h4>

                                                </div>
                                                <div  class="chart-num">
                                                    <h2>[[${fixCount}]]条</h2>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                                    <div class="card market_chart">
                                        <div class="card-header border-0 align-items-start flex-wrap pb-0">
                                            <div>
                                                <h2 class="heading">统计分析</h2>

                                            </div>

                                        </div>
                                        <div class="card-body custome-tooltip pt-0">


                                            <div id="container1"></div>
                                            <div id="wrapper">
                                                <!--                                                <button id="plain">普通</button>-->
                                                <!--                                                <button id="inverted">反转</button>-->
                                                <!--                                                <button id="polar">极地图</button>-->
                                            </div>
                                            <script>
                                                var type=new  Array();
                                                var count=new  Array();
                                                axios({
                                                    method:"get",
                                                    url:"/main/mainMenu"
                                                }).then(function (rep){
                                                    console.log(rep)
                                                    for (let i = 0; i < rep.data.length; i++) {
                                                        const repElement = rep.data[i];
                                                        type[i]=repElement.type
                                                        count[i]=repElement.mount
                                                        console.log(count[i])

                                                        // JS 代码
                                                        var chart = Highcharts.chart('container1', {
                                                            title: {
                                                                text: '各宿舍楼学生人数统计'
                                                            },
                                                            subtitle: {
                                                                text: ''
                                                            },
                                                            xAxis: {
                                                                categories: type
                                                            },
                                                            series: [{
                                                                type: 'column',
                                                                colorByPoint: true,
                                                                data: count,
                                                                showInLegend: false
                                                            }]
                                                        });
                                                        // 给 wrapper 添加点击事件
                                                        Highcharts.addEvent(document.getElementById('wrapper'), 'click', function(e) {
                                                            var target = e.target,
                                                                button = null;
                                                            if(target.tagName === 'BUTTON') { // 判断点的是否是 button
                                                                button = target.id;
                                                                switch(button) {
                                                                    case 'plain':
                                                                        chart_count.update({
                                                                            chart: {
                                                                                inverted: false,
                                                                                polar: false
                                                                            },
                                                                            subtitle: {
                                                                                text: '普通的'
                                                                            }
                                                                        });
                                                                        break;
                                                                    case 'inverted':
                                                                        chart_count.update({
                                                                            chart: {
                                                                                inverted: true,
                                                                                polar: false
                                                                            },
                                                                            subtitle: {
                                                                                text: '反转'
                                                                            }
                                                                        });
                                                                        break;
                                                                    case 'polar':
                                                                        chart_count.update({
                                                                            chart: {
                                                                                inverted: false,
                                                                                polar: true
                                                                            },
                                                                            subtitle: {
                                                                                text: '极地图'
                                                                            }
                                                                        });
                                                                        break;
                                                                }
                                                            }
                                                        });
                                                    }
                                                })



                                            </script>






                                        </div>
                                    </div>
                                </div>





                                <!--/column-->
                            </div>
                            <!--/row-->
                        </div>
                        <!--/column-->
                        <!--column-->
                        <div class="col-xxl-4 col-xl-3">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="card event-agenda">
                                        <div class="card-header border-0 pb-0">
                                            <div>
                                                <h2 class="heading">所有学生</h2>
                                            </div>

                                        </div>
                                        <div class="card-body  dz-scroll  recent-activity-wrapper p-3 pt-0" id="RecentActivityContent">
                                            <div class="d-flex align-items-center event" th:each="club:${studentList}">
                                                <div class="event-date">
                                                    <img th:src="'http://localhost:8088/'+${club.simage}" class="rounded-lg me-2" width="24" alt="">
                                                </div>
                                                <div class="event-info">
                                                    <h6><a href="app-profile.html">[[${club.sname}]]</a></h6>
                                                    <span>[[${club.major}]]</span>
                                                </div>

                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>
                        <!--/column-->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--**********************************
        Content body end
    ***********************************-->

    <!--**********************************
        Footer start
    ***********************************-->
    <div class="footer style-1">
        <div class="copyright">
        </div>
    </div>
    <!--**********************************
        Footer end
    ***********************************-->

    <!--**********************************
       Support ticket button start
    ***********************************-->

    <!--**********************************
       Support ticket button end
    ***********************************-->


</div>
<!--**********************************
    Main wrapper end
***********************************-->
<!--**********************************
		Modal
***********************************-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="input-group mb-3 d-block">
                    <label class="form-label d-block">Enter Name</label>
                    <input type="text" class="form-control w-100" placeholder="Username" aria-label="Username">
                </div>
                <div class="input-group mb-3 d-block">
                    <label  class="form-label d-block">Enter Position</label>
                    <input type="text" class="form-control w-100" placeholder="Username" aria-label="Username">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

<!--**********************************
	Modal
***********************************-->

<!--**********************************
    Scripts
***********************************-->

<!-- Required vendors -->
<script th:src="@{/vendor/global/global.min.js}"></script>
<script th:src="@{/vendor/chart.js/Chart.bundle.min.js}"></script>
<script th:src="@{/vendor/bootstrap-select/dist/js/bootstrap-select.min.js}"></script>
<!--datatables-->
<script th:src="@{/vendor/datatables/js/jquery.dataTables.min.js}"></script>

<!-- Apex Chart -->
<script th:src="@{/vendor/apexchart/apexchart.js}"></script>
<script th:src="@{/vendor/chart.js/Chart.bundle.min.js}"></script>

<!-- Chart piety plugin files -->
<script th:src="@{/vendor/peity/jquery.peity.min.js}"></script>

<script th:src="@{/vendor/jquery-nice-select/js/jquery.nice-select.min.js}"></script>

<!--swiper-slider-->
<script th:src="@{/vendor/swiper/js/swiper-bundle.min.js}"></script>

<script th:src="@{/vendor/wow-master/dist/wow.min.js}"></script>
<script th:src="@{/js/dashboard/crypto.js}"></script>

<script th:src="@{/js/custom.min.js}"></script>
<script th:src="@{/js/deznav-2-init.js}"></script>
<script th:src="@{/js/demo-2.js}"></script>
<script th:src="@{/js/styleSwitcher.js}"></script>


</body>
</html>
